<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <script>
    // 一般情况下，有异步操作时，使用Promise对这个异步操作进行封装

    // resolve、reject本身是一个函数
    new Promise((resolve, reject) => {
      setTimeout(() => {
        // 如果成功，通常我们会调用resolve(messsage)，此时后续的then会被回调
        // resolve("hello vue");

        // 如果失败，通常我们会调用reject(error)，此时后续的catch会被回调
        reject("error message");
      }, 1000);
    }).then(data => {
      console.log(data);
    }).catch(error => {
      console.log(error);
    });
  </script>
</body>
</html>